<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="../styles/cart.css">
</head>
<body>

        <div class="cart-box">
            <div class="cart-infor">
                <p class="infor-item-1">货品</p>
                <p class="infor-item-2">数量</p class="infor-item">
                <p class="infor-item-3">价格</p class="infor-item">
            </div>

            <div>
                <div class="cart-good">
                    <!-- 复选框，货品名字，数量，总价-->
                    <div class="cart-good-choose">
                        <input type="checkbox" id="checkbox-1" class="cart-checkbox">
                        <label for="checkbox-1" class="cart-good-choose-btn">······</label>
                    </div>
                    <div class="cart-good-name">苹果</div>
                    <div class="cart-good-number">
                        <div class="gw_num">
                            <em class="jian">-</em>
                            <input type="text" value="5" class="num"/>
                            <em class="add">+</em>
                         </div>
                         <div style="display: inline-block;vertical-align: top;">
                            <span style="display: inline-block; font-size: 12px;">库存（5000）</span>
                         </div>
                        
                    </div>
                    <div class="cart-good-cost">25</div>
                    <div class="cart-good-delete"></div>
                </div>
        
                <div class="cart-good">
                    <!-- 复选框，货品名字，数量，总价-->
                    <div class="cart-good-choose">
                        <input type="checkbox" id="checkbox-2"class="cart-checkbox" >
                        <label for="checkbox-2" class="cart-good-choose-btn">······</label>
                    </div>
                    <div class="cart-good-name">桃子</div>
                    <div class="cart-good-number">
                        <div class="gw_num">
                            <em class="jian">-</em>
                            <input type="text" value="5" class="num"/>
                            <em class="add">+</em>
                         </div>
                         <div style="display: inline-block;vertical-align: top;">
                            <span style="display: inline-block; font-size: 12px;">库存（6000）</span>
                         </div>
                        
                    </div>
                    <div class="cart-good-cost">15</div>
                    <div class="cart-good-delete"></div>
                </div>
    
                <div class="cart-good">
                    <!-- 复选框，货品名字，数量，总价-->
                    <div class="cart-good-choose">
                        <img src="../images/圣诞球.png">
                    </div>
                    <div class="cart-good-name">梨</div>
                    <div class="cart-good-number">
                        <div class="gw_num">
                            <em class="jian">-</em>
                            <input type="text" value="5" class="num"/>
                            <em class="add">+</em>
                         </div>
                         <div style="display: inline-block;vertical-align: top;">
                            <span style="display: inline-block; font-size: 12px;">库存（3000）</span>
                         </div>
                        
                    </div>
                    <div class="cart-good-cost">30</div>
                    <div class="cart-good-delete"></div>
                </div>
            </div>
            

            <div class="cart-settle-box">
                <p id="total" >总价：70</p>
                <input type="button" class="cart-settle-btn" value="结算">
            </div>
        </div>
   
</body>
<script src="../scripts/jquery.js"></script>
<script>
$(document).ready(function(){
 //加的效果
 $(".add").click(function(){
   var n=$(this).prev().val();
   var num=parseInt(n)+1;
   if(num==0){ return;}
      $(this).prev().val(num);
 });
 //减的效果
 $(".jian").click(function(){
   var n=$(this).next().val();
   var num=parseInt(n)-1;
   if(num==0){ return}
   $(this).next().val(num);});
});

var jian=document.createElement('div');
jian.style.verticalAlign




var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());



var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());
</script>

</html>